.playlist {
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .playlist-title {
        display: flex;
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.5rem;
        text-align: start;
    }

    .spinner {
        width: 100%;
        height: 50px;
    }

    .playlist-videos {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(13.125rem, auto));
        justify-content: space-around;
        align-items: start;
        gap: 1rem;
    }
}